<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>火车购票</title>
    <link href="../../../public/static/commen/css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/commen/css/base.css" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/carTicket/common.css" />    
    <link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/carTicket/search_ticket.css" />
</head>

<body>
    <section id="index" class="page on ">
        <div class="page-in">
            <header class="header">
                <a class="back" href="javascript:history.go(-1)"><span class="mui-icon mui-icon-arrowleft"></span>返回</a>
                <p class="title">火车购票</p>
            </header>
            <section id="i-one" class="mui-content container">
                <div class="mui-row cities">
                    <div class="label-l mui-col-xs-6 city-1">出发城市</div>
                    <div class="label-r mui-col-xs-6 city-1">目的城市</div>
                    <div class="select-l mui-col-xs-4 oStartCity selCity" data-code="PEK">杭州东</div>
                    <div class="swap oneSwap mui-col-xs-4 ">
                        <img src="../../../public/static/v1/img/carTicket/change@2x.png" alt="">
                    </div>
                    <div class="select-r mui-col-xs-4 label-r oEndCity selCity" data-code="SHA">上海虹桥</div>
                </div>
                <div class="mui-row">
                    <div class="mui-col-xs-6 label-l beginDate">出发日期</div>
                    <div class="mui-col-xs-6 select-l beginDate label-r onewayTime" id="oneWayCal" data-date="2017-08-23">
                        2017-08-16
                    </div>
                </div>
                <div class="mui-row">
                    <div class="mui-col-xs-6 label-l only_search">只搜索高铁、动车</div>
                    <div class="mui-col-xs-6  only_search">
                        <div class="r mui-switch  mui-switch-green mui-switch">
                            <div class="mui-switch-handle"></div>
                        </div>
                    </div>
                </div>
                <!-- 选择乘机人类型数量搜索 -->
                <div class="selectPsg"></div>
            </section>
            <div  class="mui-content">
                <div class="mui-row sign">
                    <div class="mui-col-xs-4 sign1"><img src="../../../public/static/v1/img/carTicket/protect@2x.png" alt="">出行保障</div>
                    <div class="mui-col-xs-4 sign2"><img src="../../../public/static/v1/img/carTicket/phone@2x.png" alt="">18小时服务</div>
                    <div class="mui-col-xs-4 sign3"><img src="../../../public/static/v1/img/carTicket/tuihuo@2x.png" alt="">标准退改</div>
                </div>
            </div>
            <div class="search_all">
                <button class="serach-btn oneWaySubmit " hidefocus="hidefocus">立即查询</button>
            </div>
            <ul class="recom oneWayHist"></ul>
            <span class="fuzzy"></span>
        </div>
    </section>
</body>

</html>
<script src="../../../public/static/commen/js/vue.min.js"></script>
<script src="../../../public/static/commen/js/mui.min.js"></script>
<script src="../../../public/static/commen/js/jquery.min.js"></script>
<!--插件  日期  -->
<!-- <script src="../../../public/static/commen/js/plugin/datePicker.js"></script> -->
<script src="../../../public/static/v1/js/carTicket/search_ticket.js"></script>